<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //把回车键的行为，切换成tab键的行为

        function method01(){
            var elementText=document.getElementById('one');
            elementText.focus();
        }

        document.onkeydown=function(){

            //获取所有的input标签对象  数组


            //监听按键按下去事件   如果按键是enter，并且触发该事件的事件源是文本框，    然后下一个文本框获取焦点
                                    //如果按键是enter，并且触发该事件的事件源是submit，    提交表单

            //获取所有的input标签对象
            var inputArray01=document.getElementsByTagName('input');
            var inputArray02=Array.from(inputArray01);
            if(event.keyCode==13&&event.srcElement.type=='text'){     //按键是回车键  事件源是文本框
                //触发事件的事件源文本框
                var src=event.srcElement;
                //获取触发事件事件源在数组里索引
                var indexSrc=inputArray02.indexOf(src);
                //让数组里下一个索引的元素获取焦点
                inputArray01[indexSrc+1].focus();
                event.preventDefault();
            }







        }


    </script>

</head>
<body onload="method01()">
<form action="js01_01.html" method="post">
    <input type="text" id="one"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>

</body>
</html>